<template>
  <div class="List">
    <table>
      <tr>
        <td>序号</td>
        <td>标题</td>
        <td>作者</td>
        <td>操作</td>
      </tr>
      <tr v-for="(item,key) in list" :key="key">
        <td>{{parseInt(key)+1}}</td>
        <td>{item.title}</td>
        <td>{item.author}</td>
        <td>
          <button>删除</button>
          <button>编辑</button>
        </td>
      </tr>
    </table>
  </div>
</template>
<script>
export default {
  props: ['list'],
  data() {
    return {};
  }
};
</script>